<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>菜鸟教程</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
   <!-- <div class="row">
<div class="col-md-12">
    <div id="myCarousel" class="carousel slide">
        &lt;!&ndash; 轮播（Carousel）指标 &ndash;&gt;
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
        </ol>
        &lt;!&ndash; 轮播（Carousel）项目 &ndash;&gt;
        <div class="carousel-inner">
            <div class="item active">
                <img src="../../static/images/pic1.png" alt="First slide">
            </div>
            <div class="item">
                <img src="../../static/images/pic2.png" alt="Second slide">
            </div>

        </div>
        &lt;!&ndash; 轮播（Carousel）导航 &ndash;&gt;
        <a class="carousel-control left" href="#myCarousel"
           data-slide="prev">&lsaquo;</a>
        <a class="carousel-control right" href="#myCarousel"
           data-slide="next">&rsaquo;</a>
    </div>
</div>
    </div>-->
</div>
</body>
<style>
    .copyright {
        background: white;
        font-size: 13px;
        text-align: center;
        color: #999;
        padding: 20px 0;
        margin: 0 auto;
    }
    .pic a{display:inline-block; width:100%;  text-align:center; vertical-align:middle;}
    .pic a img{vertical-align:middle; padding:2px; border:1px solid #beceeb;}

</style>
</html>